<!DOCTYPE html>
<html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学生随机点名</title>
</head>
<body>
<!-- 点名程序容器 -->
<div id="studentPickerContainer"></div>

<!-- 引入点名程序组件 -->
<script src="./js/studentPicker.js"></script>
<script>
    // 页面加载完成后初始化点名程序
    function loadStudentPicker() {
        const config = {
            students: [
                '张三', '李四', '王五', '赵六', '孙七', '周八', '吴九', '郑十', '钱十一', '王十二',
                '李十三', '周十四', '吴十五', '郑十六', '钱十七', '王十八', '李十九', '周二十', '吴二十一', '郑二十二',
                '钱二十三', '王二十四', '李二十五', '周二十六', '吴二十七', '郑二十八', '钱二十九', '王三十', '李三十一', '周三十二',
                '吴三十三', '郑三十四', '钱三十五', '王三十六', '李三十七', '周三十八', '吴三十九', '郑四十', '钱四十一', '王四十二',
                '李四十三', '周四十四', '吴四十五', '郑四十六', '钱四十七', '王四十八', '李四十九'
            ],
            cellWidth: '120px', // 单元格宽度
            cellHeight: '60px', // 单元格高度
            callCount: 20, // 随机点名次数
            pickRandomStudentDelay: 150 // 点名间隔时间
        };
        document.addEventListener('DOMContentLoaded', () => {
            // 初始化点名程序
            const container = document.getElementById('studentPickerContainer');
            // StudentPicker 从window对象中获取
            new StudentPicker(container, config);
        });
    }


    (function () {
        console.log("index.html 文件加载成功匿名方法启动...");
        loadStudentPicker();
        console.log("index.html 文件加载成功匿名方法执行完成...");
    })();


</script>
</body>
</html>